<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>MTG Game Traker</title>
		<link type="text/css" href="css/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
		<link type="text/css" href="css/index.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
	<h1>Magic: the Gathering Game Tracker</h1>
	
	<div id="toolbar" class="ui-widget-header ui-corner-top">
		<ul class="toolbar_section">
			<li>
				<a id="btn_add_player" href="#">Adicionar jogador</a>
				<ul id="tb_playername" class="toolbar_submenu ui-widget-header ui-corner-bottom">
					<li>
						<input id="txt_playername" type="text" class="ui-widget-content">
						<button id="btn_playername">Ok</button>
					</li>
				</ul>
			</li>
			<li>
				<a id="btn_roll_dice">Jogar dado</a>
				<ul id="tb_roldice" class="toolbar_submenu ui-widget-header ui-corner-bottom">
					<li class="tb_menuitem"><a id="btn_moeda" href="#">Moeda</a></li>
					<li class="tb_menuitem"><a id="btn_d6" href="#">D6</a></li>
					<li class="tb_menuitem"><a id="btn_playorder" href="#">Embaralhar jogadores</a></li>
				</ul>
			</li>
			<li><a id="btn_new_game">Novo jogo</a></li>
		</ul>
        <span class="ui-widget">Tamanho do texto:</span>
        <div id="slider_text"></div>
	</div>
	
	<div id="players" style="margin-top: 30px;"></div>
	
	<div id="dialog" title="Resultado do dado"><p></p></div>
	
	</body>
</html>
